<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>导航</title>
		<link rel="stylesheet"  href="../../bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet"  href="../../css/A3.css"/>
		<!-- 请在A3.css后面插入私有部分css，注意相对路径改变-->
	</head>
	<body>

			<!-- 公共部分头部 -->
			<header id="gonggong_header"> 
				<div id="gonggong_user">
					<div >
						<a href=""><i class="glyphicon glyphicon-user"></i></a>
					</div>
					<div id="gonggong_username">
						<p>姓名: <span>1</span></p>
						<p>工号: <span>1</span></p>
					</div>
				</div>
				<div id="login_out">
					<p>退出</p>
				</div>
			</header>
			<!-- 公共部分尾部 -->
			<div id="gonggong_content">
				<!-- 公共部分侧边栏 -->
				<div id="gonggong_left" >
					<ul class="nav nav-tabs nav-stacked navbar-inverse">
						<li class="CeBian"></li>
						<!-- 公共部分图片位置，注意相对路径 -->
						<li class="CeBian"><a href=""><img src="../../images/CeBian-YGGL.png">员工管理</a></li>
						<li class="CeBian"><a href=""><img src="../../images/CeBian-SPGL.png">商品管理</a></li>
						<li class="CeBian"><a href=""><img src="../../images/CeBian-XSGL.png">销售管理</a></li>
						<li class="CeBian"><a href=""><img src="../../images/CeBian-CXHD.png">促销活动</a></li>
						<li class="CeBian"><a href=""><img src="../../images/CeBian-SH.png">上货</a></li>
						<li class="CeBian"><a href=""><img src="../../images/CeBian-SY.png">收银</a></li>
					</ul>
				</div>
				<!-- 公共部分右边块 -->
				<div id="gonggong_right">
					<!-- 私有部分放置处 -->
					<div id="gonggong_siyou">
						
					</div>
				</div>
			</div>

			<script src="../../bootstrap-3.4.1-dist/js/jquery-3.4.1.min.js"></script>
			<script src="../../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
			
	</body>
</html>
